<template>
	<view class="meeting-list list-box">
			<view class="meeting-top list-common" @tap="do_service('goNext',item)">
					<view class="title flex f-side">
						<view class="flex">
							<view class="title-text">{{item.CarPlate}}</view>
<!-- 							<view class="car-type">大众</view>
							<view class="flex title-discrib">
								<view>轮胎</view><view>轮胎</view><view class="f-center">...</view>
							</view> -->
						</view> 
            <view class="car-detail itemCenter" @tap.stop="go_carDetail(item)" v-if="item.VehicleInfoSN">车辆信息</view>
					</view>
					<view class="space">行驶里程：{{item.Mil}} km</view>
					<view > 联系人：{{item.VehicleContact}}</view>
					<view>车主电话：{{item.VehicleContactMobile}}</view>
					<view class="flex">接待人员：{{item.SaleMan}} <view v-if="false" class="iconfont icon-xunhuan1"></view></view>
					<view>开单时间：{{item.RepairDate}}</view>
			</view>
			<view class="list-bottom f-side">
				<view class="flex list-bottom-left">
					<block v-for="(item2,index2) in item.item" :key="index2" >
						<view :style="{border:'1rpx solid #'+item2.Color,color:'#'+item2.Color}" class="zcOverflow3" @tap="do_showDetail(item2)">{{item2.Name}}</view>
					</block>
					<!-- <view>保险线索</view> -->
					<!-- <view>保险线索</view> -->
				</view>
				<view class="flex ">
					<button type="primary" class="btn-grey common-btn" @tap="do_service('over',item)">终止</button>
					<button type="primary" class=" common-btn" @tap="do_service('up',item)">交车</button>
					<!-- <button type="primary" class=" common-btn">开单</button> -->
				</view>
			</view>
		</view>
</template>

<script>
	let _this
	export default{
		props:{
			item:Object
		},
		methods:{
			do_service(status,item){
				this.$emit("do_service",item,status)
			},
			do_showDetail(item){
				this.$emit("do_showDetail",item)
			},
			go_carDetail(item){
				console.log(item.VehicleInfoSN)
				uni.navigateTo({
					url:'../../pages/home_car_archives/home_car_archives?SN='+item.VehicleInfoSN
				});
			}
		}
	}
</script>

<style scoped>
	.space{
		left: 0 !important;
		top:-2upx !important;
		height: 30upx !important;
		color: #333;
		margin-top: 0 !important;
		margin-bottom: 5upx !important;
		font-size: 22upx;
	}
	.title-discrib{
		position: relative ;
		top:7upx;
	}
	.title-discrib>view{
		height: 35upx;
		line-height: 35upx;
		background-color: #e6f3ff;
		color: #4fadfd ;
		padding: 3upx 15upx;
		border-radius: 18upx;
		margin-left: 15upx;
		font-size: 24upx;
		min-width: 38upx;
	}
	.title-discrib>view:nth-of-type(2){
		background-color: #ffefdf;
		color: #fda54f ;
	}
	.car-type{
		height: 40upx;
		line-height: 40upx;
		margin-left: 25upx;
	}
		.list-bottom-left>view{
		padding: 3upx 10upx 4upx 15upx;
		height: 40upx;
		line-height: 36upx;
		margin-right: 20upx;
		color: #fff;
		border-radius: 10upx;
		max-width: 105upx !important;
		box-sizing: border-box;
		font-size: 21upx;
	}
		.list-box{
		padding-bottom: 10upx !important;
		padding-top: 20upx !important;
	}
		.car-detail{
		/* font-size: 30upx; */
		color: #4EADFD;
	}
</style>
